body{ background: #f8f8f8 ;overflow:hidden; font-size: 12px !important;font-family: 'Microsoft YaHei' !important;
}
body h5,h4,h3,h2,h1{ font-size: 12px !important }
body .form-control,.btn{font-size: 12px !important;height:30px;}
textarea{resize:none;outline: none;}
a {color:#3284e1}
textarea:focus {outline:#66afe9 Solid 1px;}
button{outline: none!important;}
/*滚动条样式*/

::-webkit-scrollbar {width: 5px;height: 5px;}
::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(248,248,248,1);border-radius: 0;background: rgba(255,255,255,1);}


.form-control {border: 1px solid #dcdcdc;}


.pr {position:relative}


input {line-height: normal !important;line-height: 22px\9 !important;}
.glyphicon {color:#999}
.bootstrap-table .table>thead>tr>th {border-bottom:none!important}
.modal-header {border-bottom:none!important;padding: 15px 20px!important;}
.modal-body {padding: 15px 20px;}
.modal-title {font-size:14px !important}
.zf-main-left{ float: left;overflow: hidden; width:1200px; }
.zf-main-right{  display: none; position: absolute; background: #f5f5f5; height:100%; right: 0; top: 0px; width: 272px;border: solid #dcdcdc; border-width: 1px 1px 1px 0px; float: left; overflow: hidden}

.zf-container{padding:0!important; position: relative;}
/*优化按钮 start*/
 .demo--radio{display:none}
.demo--radioInput {background-color: #fff;display: inline-block;
    height: 14px;margin-right: 0px;margin-top: 2px;vertical-align: middle;width: 14px;background: url('../images/gxn.png') no-repeat;}  
.demo--radio:checked + .demo--radioInput:after{
    background:url('../images/gxy.png') no-repeat;
    /*border-radius: 100%;*/
    content: attr(data-attr);
    display: inline-block;
    height: 15px;
    width: 14px;
    /*margin:-1px 0 0 -1px;*/
}  
.demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{
    border-radius:0}  
.demo--radio:checked + .demo--radioInput{
    /*border:1px solid #3583db;*/
} 

 .demo--radioInputNew{    
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 100%;
    display: inline-block;
    height: 20px;
    margin-right: 0px;
    margin-top: 0px;
    vertical-align: middle;
    width: 20px;
    line-height: 1;
 }
 

/*优化按钮 end*/


/*单选优化按钮 start*/
 .demo--check{display:none}  
.demo--label .demo--checkInput{    
   background:url('../images/p2.png') no-repeat center center; 
    border-radius: 100%;
    display: inline-block;
    height: 20px;
    margin-right: 0px;
    margin-top: -1px;
    vertical-align: middle;
    width: 20px;
    line-height: 1;
 }
   .demo--label .demo--check:checked + .demo--checkInput:after{
      background:url('../images/p1.png') no-repeat center center; 
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    margin:0px 0 0 0px;
}  
.demo--check.demo--checkInput,.demo--check:checked + .demo--check.demo--checkInput:after{
    border-radius:0}  
.demo--check:checked + .demo--checkInput{} 
/*单选优化按钮 end*/


/*-------左则菜单 start-----------*/
#left-menu-append{
  width: 60px; 
  float: left; 
}
.aside-left-menu{
    padding-top: 15px;
    height: 800px; 
  
    width: 60px;
    background: #2d333e;

}
.aside-left-img{
    display: block;
    width: 35px;
    height: 35px;
    margin: 15px auto 30px;
    border-radius: 5px;
}
.aside-left-img img{
    width: 34px;
    height: 34px;
    border-radius: 5px;
    display: block;
    max-width: 100%;
    height: auto;
}
.aside-left-menu ul,li{ padding: 0; margin: 0; }
.aside-left-menu .aside-left-list li{
    display: block;
    text-align: center;
    margin-top: 28px;
    position:relative;

}
.aside-left-menu .aside-left-list .zf-chart_number {
     position: absolute;
    top: -10px;
    right: 8px;
    background: #ff3b30;
    color: #fff;
    font-size: 12px;
    display: none;
    min-height: 8px;
    min-width: 12px;
    border-radius: 20px;
    padding: 0px 5px;
}

.aside-left-menu .aside-left-list .zf-chart_numberTow {
    position:absolute;
    top:5px;
    right:3px;
    background:#ff3b30;
    color:#fff;
    font-size:12px;
    display:inline-block;
    min-height:18px;
    min-width:18px;
    border-radius:20px;
    padding:5px;
}

.aside-left-menu .aside-left-list li a:hover{
    text-decoration: none;
}
.aside-left-menu .aside-left-list li i{
    display: block;
    width: 24px;
    height: 24px;
    margin: 0px auto;
}

.aside-left-menu .aside-left-list .homeIconhover {
    background: url('../images/navHomeHover.png') no-repeat center;
}

.aside-left-menu .aside-left-list .homeIcon {
    background: url('../images/navHome.png') no-repeat center;
}



.aside-left-menu .aside-left-list .menuCh{
    background: url('../images/navInfohover.png') no-repeat center;
}
.aside-left-menu .aside-left-list .navInfo{
    background: url('../images/navInfo.png') no-repeat center;
}

.aside-left-menu .aside-left-list .menuMass{
    width: 28px;
    background: url('../images/navMassHover.png') no-repeat center;
}
.aside-left-menu .aside-left-list .menuActive{
    background: url('../images/navMass.png') no-repeat center;
}

.aside-left-menu .aside-left-list .menuFa{
    background: url('../images/navFrendHover.png') no-repeat center;
}
.aside-left-menu .aside-left-list .navFrend{
    background: url('../images/navFrend.png') no-repeat center;
}

.aside-left-menu .aside-left-list .menuAutoreply {
    background: url('../images/zdhf.png') no-repeat center;
}

.aside-left-menu .aside-left-list .menuAutoreplyActive {
    background: url('../images/zdhf_press.png') no-repeat center;
}

.aside-left-menu .aside-left-list .menuSet{
    background: url('../images/navSetHover.png') no-repeat center;
}   
.aside-left-menu .aside-left-list .navSet{
    background: url('../images/navSet.png') no-repeat center;
}

.aside-left-menu .aside-left-list .navRedPackageRecord { /*选中状态*/
    background: url('../images/pocket_press.png') no-repeat center;
}
.aside-left-menu .aside-left-list .menuRedPackage { /*未选中状态*/
    background: url('../images/pocket.png') no-repeat center;
}

.aside-left-menu .aside-left-list li span {
    color: #898989;
}
.zf-menu-nav-bg{ background: url('../images/navBg.png') no-repeat center center; height: 30px; width: 30px; position: absolute; bottom: 10px; left:10px; cursor: pointer; }
.zf-menu-nav-info{background: url('../images/navBg.png') no-repeat center center; height: 30px; width: 30px; position: absolute; top: 5px; right:8px; cursor: pointer; }
.zf-menu-nav-main{ display: none; border: 1px solid #ddd;
 position: absolute;bottom:40px; left:0px;padding: 0 0 10px 0;

 z-index: 50; width: 100px;  background: #fff; border-radius: 0px; }
.zf-menu-nav-main ol{padding:0;
    overflow-y:scroll;overflow-x:visible;
    max-height: 300px;
}
.zf-menu-nav-main ol li{ height: 35px;padding:0 10px; list-style-type: none; line-height: 35px; width: 100%; cursor: pointer; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.zf-menu-nav-main ol li:not(.active):hover{ background: #eee; cursor:pointer }
.zf-menu-nav-main ol .active{ background: #ccc; }
.zf-menu-nav-main .zf-change{ display: block; width: 50px; color: #fff; cursor: pointer;border-radius: 3px; padding: 3px 8px; text-align: center; background: #129611; margin:0 auto;}


.border-modal-footer-sure {
    width: 80px!important;
    background: #2d8de7!important;
    color: #fff!important;
    font-size: 14px!important;
    border-radius: 0!important;
    border: none!important;
}
.border-modal-footer-cuale {
     width: 80px!important;
    background: #fff!important;
    color: #333!important;
    font-size: 14px!important;
    border-radius: 0!important;
    border: 1px solid #e8e8e8!important
}


/*-------弹窗按钮 start-----------*/
.zf-border-pop-sure {
    width: 80px!important;
    background: #3284e1!important;
    color: #fff!important;
    font-size: 14px!important;
    border-radius:4px!important;
    border: none!important;
    height:32px!important;
}
.zf-border-pop-cuale {
     width:80px!important;
    background: #fff!important;
    color: #333!important;
    font-size: 14px!important;
    border-radius: 4px!important;
    border: 1px solid #e8e8e8!important;
    height:32px!important;
    border:1px solid #e6e6e6!important;
    margin-left:20px!important;
}
/*-------弹窗按钮 end-----------*/

/*-------页面按钮 start-----------*/
.zf-border-page-sure {
    width: 130px!important;
    background: #3284e1!important;
    color: #fff!important;
    font-size: 14px!important;
    border-radius:4px!important;
    border: none!important;
    height:34px!important;
    line-height:34px!important;
    padding: 0 !important;
    margin:0!important;
}
.zf-border-page-cuale {
     width:130px!important;
    background: #fff!important;
    color: #333!important;
    font-size: 14px!important;
    border-radius: 4px!important;
    border: 1px solid #e8e8e8!important;
    height:34px!important;
    line-height:34px!important;
    border:1px solid #e6e6e6!important;
    margin-left:20px!important;
}

.zf-border-slect-cuale {
     width:128px!important;
    background:transparent !important;
    color: #3284e1!important;
    font-size: 14px!important;
    border-radius: 4px!important;
    border: 1px solid #e8e8e8!important;
    height:30px!important;
    border:1px solid #3284e1!important;
    text-align:center!important;
    line-height:30px;
}

 .zf-border-library-cuale {
    width: 130px!important;
    background: #3284e1!important;
    color: #fff!important;
    font-size: 14px!important;
    border-radius:4px!important;
    border: none!important;
    height:32px!important;
}
/*-------页面按钮 end-----------*/



/*-------左则菜单 end-----------*/
/*.header{ height: 40px; background:#3c3982 url('../images/bg.png') no-repeat left; line-height: 40px; color: #fff; }*/
.header-title{ width: 100%; text-indent: 20px;  position: relative }
.header-title .header-ifon{ position: absolute; top: 5px; right: 10px; margin: 0; } 
.header-title span{ float: right; display: block; cursor: pointer; } 
.header-title .header-close{ background: url('../images/guanbi_normal.png') no-repeat center center; height: 30px; width: 26px }
.header-title .header-close:hover{ background: rgba(255,255,255,0.3) url('../images/guanbi_normal.png') no-repeat center center; }
.header-title .header-big{ background: url('../images/suoxiao.png') no-repeat center center; height: 30px; width: 26px}
.header-title .header-big:hover{ background: rgba(255,255,255,0.3) url('../images/suoxiao.png') no-repeat center center; height: 30px; width: 26px}
.header-title .header-small{ background: url('../images/suoxiao_normal.png') no-repeat center center; height: 30px; width: 26px }
.header-title .header-small:hover{ background:rgba(255,255,255,0.3) url('../images/suoxiao_normal.png') no-repeat center center; height: 30px; width: 26px }
.header-title .header-small-ative{ background: url('../images/fangda.png') no-repeat center center; height: 30px; width: 26px }
.header-title .header-small-ative:hover{ background:rgba(255,255,255,0.3) url('../images/fangda.png') no-repeat center center; height: 30px; width: 26px }
/*左边 start*/
.zf-aside{  height: 1800px; width: 260px;float: left; border-right: 1px solid #dcdcdc; overflow: hidden; background: #f4f4f4; position: relative;}
.zf-aside-header{ height: 60px;  border-bottom: 1px solid #dcdcdc;background: #f4f4f4  }
.zf-aside-header li{position: relative;}
.zf-aside-header li>.bActive{
    display: block;
    width: 0;
    height: 0;
    border-width: 0px 10px 10px;
    border-style: solid;
    border-color: transparent transparent #dcdcdc;
    position: absolute;
    top: 48px;
    left: 33px;
    z-index: 2;
}
.zf-aside-header li>.bActive::before{
     content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 0 11px 11px;
    border-style: solid;
    border-color: transparent transparent #f4f4f4;
    position: absolute;
    top: 1px;
    left: -11px;
    z-index: 1;
}
.zf-aside-header .zf-a{padding:19px 18px!important; margin-right: 0!important; color: #333;  cursor: pointer;    display: flex;
    align-items: center;display: -moz-flex; }
.zf-aside-header .zf-a span{ margin-right:3px;    margin-top: -2px; }    
.zf-aside-header .activeLi{}
.zf-aside-header .activeLi>a{ background: #f4f4f4!important;color: #3583db!important; }
.zf-aside-header .zf-a:hover{background: #f4f4f4!important;border: 1px solid transparent!important;}
.zf-aside-header li .newbtn{background: url('../images/rcently2.png') center;
    display: inline-block;width: 17px;height: 17px;}
  .zf-aside-header .zf-a .newbtn2{background: url('../images/rcently.png') center;
      display: inline-block;width: 17px;height: 17px;}
        
.zf-aside-header .zf-a .frendbtn{background: url('../images/friends2.png') center;
    display: inline-block;width: 15px;height: 17px;}
    .zf-aside-header .zf-a .frendbtn2{background: url('../images/friends.png') center;
        display: inline-block;width: 15px;height: 17px;}

    .zf-aside-header .zf-a .groupbtn{background: url('../images/group2.png') center;
        display: inline-block;width: 18px;height: 17px;}
 .zf-aside-header .zf-a .groupbtn2{background: url('../images/group.png') center;
     display: inline-block;width: 18px;height: 17px;}  

 .zf-aside-header .mass-nav-top{

 } 
 .zf-aside-header .mass-nav-top .zf-a{
    padding: 19px 25px!important;
 }
    .zf-aside-header li > .zf-gound-left {
        left: 50px !important;
    }
  .zf-aside-header .mass-nav-top .zf-gound{
    padding: 19px 35px!important;
 }

  .zf-aside-header .mass-nav-top .zf-tao-a{
    padding: 19px 25px!important;
 }    
 .zf-aside-header .mass-nav-top>.bActive {
    left:28px;
 }
    .zf-aside-header .mass-nav-top a{
        color:#333333
    }
   .zf-aside-header .mass-nav-top a:hover{
    background:transparent;
    border:1px solid transparent
 } 
/*二级菜单 */
.zf_second_nav_all {
    height: 52px;
    background: #f4f4f4;
    line-height:52px;

}
    .zf_second_nav_all p {
        float: left;
        padding: 0px 23px !important;
        margin: 0;
        cursor: pointer
    }
    .zf_second_nav_all .active {
        color: #3583db !important;
       
    }
/*群聊 start*/
#allGroundHome {
    background: #f8f8f8;
    position: relative;
}
.zf-groupTab{overflow: hidden; background: #ebeaea;   height: 50px; line-height: 60px; border-bottom: 1px solid #ccc; }
.zf-groupTab>div{cursor: pointer; position:relative; font-size: 12px; float: left;padding: 0 5%; width:50%; text-align: center;}
.zf-groupTab .allList{ color: #5381e0 }
.zf-groupTab .groudList{ }

.zf-groud-List{padding: 0; margin: 0;}
.zf-groud-List a{ color: #000; display: block;position: relative; }
.zf-groud-List li {padding:12px 0px 12px 0px !important; width: 100%; overflow: hidden; position:relative;list-style-type:none; cursor: pointer;}
.zf-groud-List li.border{border-bottom: 1px solid #ccc;}
.zf-groud-List .border>ul li{display: none; cursor: pointer; padding: 3px 0 3px 5px;position:relative;}
.zf-groud-List  .chartNumber{ display: block; width: 18px;line-height: 18px; height: 18px; position: absolute; left: 35px; top: 2px; background: #f44; color: #fff; font-size: 12px; font-weight:normal; text-align: center; border-radius: 50%; z-index: 20; }
.zf-groud-List .groupStick{ display: inline;padding: 2px 5px; margin-left:5px; border-radius: 8px; border: 1px solid #ccc; background: #fff; line-height: 16px; height: 20px; font-style:normal;color: #999; font-size: 12px; text-align:center;  width: 40px;    }
.zf-groud-List  .groupTime{ display: block; width: 18px;line-height: 18px; height: 18px; font-style:normal; position: absolute; right:5px; top:20px;  color: #999; font-size: 12px; font-weight:normal; text-align: right; display: block; width: 138px;   }
    .zf-groud-List .groupDisturb {
        display: block;
        width: 18px;
        line-height: 18px;
        height: 18px;
        font-style: normal;
        position: absolute;
        right: 5px;
        top: 0px;
        color: #999;
        font-size: 12px;
        font-weight: normal;
        text-align: right;
        display: block;
        width: 138px;
    }
        .zf-groud-List .groupDisturb img {
            width: 18px;
            line-height: 18px;
            height: 18px;
        }
.zf-groud-name{ margin:0px auto;width: auto!important   }
.zf-groud-name img{ width: 40px; height: 40px; margin-left:8px;   }
.zf-groud-name h5{ margin:0px 0 0 10px; width: 178px;  }
.zf-groud-name h5 p{ font-size: 14px; height: 20px;line-height: 17px; color: #000; margin: 0 0 5px 0; width: 183px;display: flex;display: -webkit-flex;display: -ms-flexbox;align-items: center; }
.zf-groud-name h5 p>span{ font-size: 14px; display: inline-block;max-width: 141px;height: 20px; line-height: 20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.zf-groud-name h5>span{font-size: 12px; display: block; color: #a0a0a0; width: 120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.groupChatElement > .newLi { cursor:pointer }
.groupChatElement > .newLi:not(.activeLi):hover {background: #ddd !important;cursor: pointer}
.groupChatElement > .newLi:not(.activeLi):hover a span {color: #333 !important;}
.zf-groud-List .onLine{display: block; width: 16px;height:16px; position: absolute; left:26px; bottom: 0px; }
.zf-groud-List .active>li{ display: block; }
.zf-groud-List li:not(.activeLi):not(.GroupMsgTop):hover {background: #ddd !important;}
.GroupMsgTop { background:#e3e0de}
    .GroupMsgTop:hover:not(.activeLi) {
        background: #d0d0d0 !important;
    }
.GroupMsgTopRight{background: #d0d0d0!important;}

.zf-groupTab .active{ position: absolute; bottom: 11px; width:80%; left: 10%; display: block; height: 2px; background: #5381e0; }
.zf-group-search{ margin:10px  14px; width: 232px!important; height:25px!important }
    .zf-group-search b {
        background: url(../images/nav_cecond_search.png) center no-repeat;
        position: absolute;
        left: 10px;
        height: 13px;
        width: 13px;
        display: block;
        z-index: 11;
        top: 6px;
    }
    .zf-group-search  #input-chat-search {
        width:200px !important;
    }
    .zf-group-search .chat_search_incon {
        height: 25px;
        width: 20px;
        margin: 0 0 0 10px;
        padding: 0;
        display: inline-block
    }
    .zf-group-search .chat_search_incon img {
        height: 25px;
        width: 25px;

    }
.search_reslt_nav {
    position:absolute;
    width:100%;
    max-height:100%;
    min-height:200px;
    top:40px;
    background:#fff;
    z-index:100;
    padding-bottom:58px;
}

    .search_reslt_nav .reslt_nav_p {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding:10px 0 10px 14px;
        margin: 20px 0 0 0;
        border-bottom: 1px solid #f2f2f2;
    }
.search_reslt_nav .reslt_nav_p label {width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;color: #666;margin-bottom: 0px;}
.search_reslt_nav ul {margin: 0;padding: 0px;}
.search_reslt_nav li {border-bottom: 1px solid #f2f2f2;padding:10px 14px;}
.search_reslt_nav li label {width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;color: #666;margin-bottom: 0px;}
.search_reslt_sure_Btn {position: absolute;bottom: 20px;left: 30px}
.search_reslt_ScrollBar {height:80%;overflow: hidden scroll;}

.groupChatElement {padding-left: 0px;width: 254px;}
.zf-group-search >input{ width:185px!important; height:25px; font-size: 12px!important; border: 1px solid #e1e1e1; box-shadow:none; background: #e1e1e1; border-radius: 5px !important;padding:0 24px!important;   }
.zf-group-search .glyphicon-search{font-size: 16px!important;color: #666;   }
.zf-nav-all-ground{ margin:15px auto;width: 215px!important ;display: block;color: #000   }
.zf-nav-all-ground img{ width: 40px; height: 40px   }
.zf-nav-all-ground span{ margin:0px 0 0 10px; height: 40px; line-height: 40px;  font-size:14px;}
.zf-nav-aside-tree .zf-nav-all-ground{margin:3px 15px 3px 5px}
.zf-nav-all-list{ /*margin:6px auto;width: 215px!important*/   }
.zf-nav-all-list img{ width: 40px; height: 40px   }
.zf-nav-all-list h5{ margin:0px 0 0 10px;  }
.zf-nav-all-list h5 p{ font-size: 13px; color: #000; margin: 5px 0; width: 135px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.zf-nav-all-list h5 span{font-size: 12px; display: block; color: #a0a0a0; width: 120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }

.zf-nav-aside-tree::-webkit-scrollbar{width: 0px;height: 0px;}
.zf-nav-aside-tree:hover::-webkit-scrollbar{width: 5px;height: 5px;}
.zf-nav-aside-tree::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.zf-nav-aside-tree::-webkit-scrollbar-thumb:hover {border-radius: 3px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.35);background: rgba(0,0,0,0.3);}
.zf-nav-aside-tree::-webkit-scrollbar-track-piece  {-webkit-box-shadow: inset 0 0 5px rgba(244,244,244,1);border-radius: 0;background: rgba(244,244,244,1);}

.zf-nav-aside-tree {margin-bottom:20px;overflow-y:scroll; overflow-x: visible;}
.zf-nav-aside-tree .zf-nav-slect{text-indent: 12px;color:#000;font-size:14px; padding:15px 8px 15px 8px; position: relative; display: block; width:98%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.zf-nav-aside-tree .zf-nav-slect>b{ color: #9c9c9c;    position: absolute; right: 5px; top: 20px;}
.zf-nav-aside-tree .chartNumberSum{display: block; width: 22px;line-height: 22px; height: 22px; position: absolute; left: 1px; top: 1px; background: #f44; color: #fff; font-size: 12px; font-weight:normal; text-align: center; border-radius: 50%; z-index: 20;}
.zf-nav-aside-tree>ul{ padding: 0; margin: 0; }
.zf-nav-aside-tree .zf-scroll{padding: 0; margin: 0; }
.zf-nav-aside-tree .zf-scroll .LoadMoreFriend {color:#999}
.zf-nav-aside-tree .zf-scroll a{ color: #000; display: block;position: relative; }
.zf-nav-aside-tree li {padding:1px 0px 1px 0px;position:relative;list-style-type:none;}
.zf-nav-aside-tree li.border{border-bottom: 1px solid #ececec;}
.zf-nav-aside-tree .border>ul li{display: none; cursor: pointer; padding: 12px 0 12px 5px;position:relative;}
.zf-nav-aside-tree .zf-scroll .chartNumber{ display: block; width: 18px;line-height: 18px; height: 18px; position: absolute; left: 33px; top: 2px; background: #f44; color: #fff; font-size: 12px; font-weight:normal; text-align: center; border-radius: 50%; z-index: 20; }
.zf-nav-aside-tree .zf-scroll .groupNumber{ display: block; width: 18px;line-height: 18px; height: 18px; font-style:normal; position: absolute; right: 4px; top: 3px;  color: #999; font-size: 12px; font-weight:normal; text-align: right; display: block; width: 40px;   }
.zf-nav-aside-tree .zf-scroll .groupTime{ display: block; width: 18px;line-height: 18px; height: 18px; font-style:normal; position: absolute; right:4px; top: 23px;  color: #999; font-size: 12px; font-weight:normal; text-align: right; display: block; width: 50px;   }

.zf-nav-aside-tree .zf-scroll .onLine{display: block; width: 16px;height:16px; position: absolute; left:26px; bottom: 0px; }
.zf-nav-aside-tree .border .active>li{ display: block; }
.zf-nav-aside-tree .border>ul li:not(.activeLi):hover{ background: #ddd!important }
.activeLi{ background: #c3c4c5!important; }
.activeGroundFF{background: #f8f8f8!important;}
.activeGroundRight{background: #ddd!important;}
.activeGroundPreventsList{ background: #c4c4c5!important; border-radius: 0px!important; width: 100%!important; }
.zf-nav-aside-tree li::before, .zf-nav-aside-tree li::after {content:''; left:-20px; position:absolute; right:auto }
.zf-nav-aside-tree li::before {bottom:50px;height:100%;top:0;width:1px}
.zf-nav-aside-tree li::after {height:20px;top:25px;width:25px}
.zf-nav-aside-tree li span {-moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px; display:inline-block; text-decoration:none}
.zf-nav-aside-tree li.parent_li>span {cursor:pointer}
.zf-nav-aside-tree>ul>li::before, .zf-nav-aside-tree>ul>li::after {border:0}
.zf-nav-aside-tree li:last-child::before {height:30px}
.zf-nav-aside-tree li.newLi .GroupChat_GroupName{width: 165px; display: inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
/*群聊 end*/
/*群发 start*/
.zf-nav-aside-mass{margin-top: 0px; padding:10px 20px}
.zf-nav-mass-btn{ border-bottom: 1px solid #ccc; cursor: pointer; line-height: 40px; font-size: 16px;color: #666; }
.zf-nav-mass-btn input{ height: 14px; width: 14px }
.zf-nav-mass-list{ margin-left: 10px; }
.zf-nav-mass-list .zf-nav-btn{padding: 2px 0; color: #333; font-size: 14px; font-weight: bold; cursor: pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; width: 100%; }
.zf-nav-mass-list input{margin-right:3px; }
.zf-aside-input-all{ margin-left: 10px }
.zf-aside-input-all label{font-weight: normal; padding: 1px 0 0 0; text-overflow:ellipsis;overflow:hidden;white-space:nowrap; width: 100%;}
/*群发 end*/

/*设置 start*/
.zf-nav-aside-set{ margin-top:20px }
.zf-nav-aside-set ul{ padding:0;margin: 0;border: solid #f4f4f4; border-width: 1px 0; }
.zf-nav-aside-set ul li{ list-style-type: none; border-bottom: solid #f4f4f4; border-width: 1px 0; line-height: 20px; cursor: pointer;}
.zf-nav-aside-set ul li a{display: block; width: 100%; padding: 20px 0; color: #333;text-decoration: none; font-size:14px;}
.zf-nav-aside-set ul li span{  display: inline-block; margin:0px 10px 0 30px ; float: left;width: 18px; height: 18px; }
.zf-nav-aside-set ul li .span1{background: url('../images/qfz.png') no-repeat; }
.zf-nav-aside-set ul li .span2{background: url('../images/dzh.png') no-repeat; }
.zf-nav-aside-set ul li .span3{background: url('../images/gjz.png') no-repeat;}
.zf-nav-aside-set ul li .span4{background: url('../images/dtm.png') no-repeat;}
.zf-nav-aside-set ul li .span5{background: url('../images/hyfz.png') no-repeat; }
.zf-nav-aside-set ul .active{background: #ececec}
/*.zf-nav-aside-set ul .active a{ color: #5381e0 }*/
.zf-nav-aside-set ul li:hover{ background: #ececec }
/*设置 end*/
.zf-set-delete-modal{ width: 400px!important;    margin: 200px auto!important; }
/*左边 start*/
.contextMenu{ padding:0px; border-radius: 3px; background:#fff; border:1px solid #ccc;  position:fixed; display:none;}
.contextMenu p{padding:  0 25px; cursor:pointer; color: #000; margin: 0;  font-size: 12px; height: 30px; line-height:30px;  }
.contextMenu p:last-child{  border-top: 1px solid #ededed; }
.contextMenu p:hover{  background: #e2e2e2;  }

/*start搜索*/
.zf-group-search-list{ display:none; position: absolute; top:60px;  left: 0; width: 102%; background: #f8f8f8; z-index: 6000; }
    .zf-group-search-list h5 {
        margin: 10px 0 0 10px !important;
    }
.zf-groud-more{ height: 30px; line-height: 30px; background: #dedede; padding: 0 10px; color: #818181;margin: 0; }
.zf-group-close{display: none; background:#edeae8 url('../images/guanbi_normal.png') center center; z-index: 50;cursor: pointer; height: 18px; width: 18px; border-radius: 50%;  position: absolute; right:53px; top: 4px; }



/*表情*/
#emotions{border: 1px solid #e0e0e0;box-shadow: 0 0px 8px #e8e8e8;border-radius: 3px; right: 0; margin-top: 34px; max-width: 640px; width:90%;  font-size:12px; background:#fff; position: absolute;  z-index: 20 }
#emotions a{color: #9ABBC8; padding:5px 0px; text-decoration:none; }
#emotions img{border:0;width: 22px; height: 22px; margin: 0 auto; }
#emotions #prev,
#emotions #next {margin-left:3px; height: 15px; display: block; float: left; background:#eee; }
#emotions .categorys{ height:26px; color: #9ABBC8; overflow:hidden; width: 100%;border-top:1px solid #e8e8e8; }
#emotions .categorys a{border: solid #e8e8e8; border-width: 0px 1px 0px 0px; display: inline-block;background: #F0F0F0; }
#emotions .categorys a:last-child{border-right:none; }
#emotions .categorys a.current{cursor: default; background: #f0f0f0; }
#emotions .cont{padding:0 5px 5px 5px; overflow: hidden; min-height:auto;  }
#emotions .cont a{float:left; width:26px; height:22px; text-align:center; padding: 0px 0px; margin: 2px 0 0 0px;  }
#emotions .cont a:hover{z-index:2; position:relative; border:1px solid #0095cd; }
#emotions .page{text-align:right; }
#emotions .page a.current{color: #666; background-color:#fff; }
#emotions .page a{margin-left:3px; color: #0078B6; background-color:#f3f3f3; }
#emotions .page a:hover{background-color:#e7e7e7;  }

